<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<!--
        	作者：offline
        	时间：2019-02-25
        	描述：先创建一个带div ul  li  input 的网页，
        	//1、在下方的div中添加一个ul标签
        	//2、在ul标签下创建三个li标签，并在li标签中添加文本节点，例如奔驰、宝马、五菱宏光
        	//3、获取第一个li标签中的节点并修改其文本子节点的值为悍马
        -->
        <script type="text/javascript">
        	var ul=document.createElement("ul");
        	function fun(txt){
        		var div1=document.getElementById("div1");
        		var li=document.createElement("li");
        		li.appendChild(txt);
        		ul.appendChild(li);
        		div1.appendChild(ul);
        		
        	}
        	
        	window.onload=function(){
        		
        		fun(document.createTextNode("奔驰"));
        		fun(document.createTextNode("宝马"));
        		fun(document.createTextNode("五菱宏光"));
        		var li=document.getElementsByTagName('li')[0];
        		li.innerHTML='悍马';
        		
        		
        		
        	}
  
        	
        </script>
	</head>
	<body>
		<div id="div1"></div>
	</body>
</html>
